/**
 * 动画系统
 * 所有持续时间相关变量使用 duration- 前缀
 * 所有缓动函数相关变量使用 ease- 前缀
 * 命名方式：前缀-用途-[细分]
 */

/* 持续时间 - 由快到慢排序 */
$duration-instant: 0.1s; // 瞬时过渡（用于微小的UI变化）
$duration-fast: 0.2s; // 快速过渡（按钮反馈、工具提示）
$duration-base: 0.3s; // 基础过渡（大多数UI元素）
$duration-slow: 0.4s; // 缓慢过渡（较大组件、面板）
$duration-slower: 0.6s; // 更缓慢过渡（整页转换）

/* 缓动函数 - 常用动效曲线 */
$ease-default: cubic-bezier(0.25, 0.1, 0.25, 1); // 平滑过渡（通用，CSS ease）
$ease-in: cubic-bezier(0.42, 0, 1, 1); // 渐入加速（开始缓慢，结束快速）
$ease-out: cubic-bezier(0, 0, 0.58, 1); // 渐出减速（开始快速，结束缓慢）
$ease-in-out: cubic-bezier(0.42, 0, 0.58, 1); // 渐入渐出（两端缓慢，中间快速）
$ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275); // 弹跳效果（超出终点后回弹）
$ease-elastic: cubic-bezier(0.7, -0.4, 0.4, 1.4); // 弹性效果（有弹性的回弹）

/* 常用动画组合 */
$transition-base: $duration-base $ease-default; // 基础过渡
$transition-smooth: $duration-base $ease-out; // 平滑过渡
$transition-bounce: $duration-base $ease-bounce; // 弹跳过渡
